<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/list copy.css">
</head>
<body>
<!-- tou -->
<div class="panel">
  <div class="main">
    <ul class="ibar">
        <li class="login">
            <s></s>
        </li>
        <li class="cart">
            <a href="#">
                <s></s>
                <span class="text">购物车</span>
                <span class="num">0</span>
            </a>
        </li>
        <li class="price">
            <s></s>
        </li>
        <li class="love">
            <s></s>
        </li>
        <li class="foot">
            <s></s>
        </li>
    </ul>
  </div>
  <div class="pan-car">
    <a class="pan-title" href="#" title="关闭"></a>
    <div class="pan-content">
      <div class="title">
        <span>购物车</span>
        <span class="pan-time">13分09.1秒</span>后清空
      </div>
      <div class="shops">

      </div>
      <div class="shop-all">
        <p>
          <span class="shopAll">共 0 件商品</span>
          <span class="priceAll">￥0</span>
        </p>
        <a href="../views/cart.html">去购物车结算</a>
      </div>
    </div>
  </div>
</div>
    <div class="header_top">
        <div class="container">
          <span class="user_name ">欢迎来到聚美！</span>
          <span>您好 <a class='plogin active' href="../views/login.html"><!--请登录--></a></span>
          <span class="on"><span>xxx</span></span>
          <span class="one"><a href="./login.html">[退出]</a></span>
            <ul class="header_top_right">
                <li><a href=#>订单查询</a></li>
                <li><a href=#>收藏的品牌</a></li>
                <li class="item_jumei"><a href=#>我的聚美</a>
                     
                </li>
                <li ><a class="phone" href=#>手机聚美</a></li>
                <li><a href=#>更多</a></li>

            </ul>
        </div>
    </div>
    <div class="header_center">
        <div  class="container">
            <img src="../images/logo_new_v1.jpg" style="height:70px;width:150px; float: left;margin-top: 5px;margin-right: 20px;" alt="">
        <div class="header_center_box">
                <input  type="text"><!----><button>搜索</button>
               
                <ul class="u_search"></ul>
               <div>
                <ul>
                    <li><a>保湿<span>|</span></a></li>
                    <li><a>面膜<span>|</span></a></li>
                    <li><a>洗面奶<span>|</span></a></li>
                    <li><a>补水<span>|</span></a></li>
                    <li><a>香水<span>|</span></a></li>
                    <li><a>眼霜<span>|</span></a></li>
                    <li><a>口红<span>|</span></a></li>
                    <li><a>护肤套装<span>|</span></a></li>
                    <li><a>BB霜</a></li>
                </ul>
            </div>
            </div> 
            <div class="cart_box">
                <a href="../views/cart.html">
                <img class="cart_gif" src="../images/cart.gif" alt="">
                <span>去购物车结算</span>
            </a>
            </div>   
        </div>
        
    </div>
    <div class="channel">
        <div class="container">
            <ul>
                <li ><a href="./index.html">首页</a></li>
                <li><a href="#">极速免税店</a></li>
                <li><a href="#">母婴特卖</a></li>
                <li class="first"><a href="./list2.html">美妆商城</a></li>
                <li><a href="#">国际轻奢</a></li>
                <li><a href="#">品牌专场</a></li>
                <li><a href="#">有偿咨讯</a></li>
                <li><a href="#">合作招商</a></li>
                <li></li>
                <li class="last-1"></li>
                <li class="last-0"></li>
            </ul>
        </div>
    </div>
    <div class="bx content">
      <div class="content-top"></div>
     <div class="today_deals"></div></div>


     
  <!-- 筛选大盒子 -->
  <div class="box container">
    <div class="content category">
      <div class="left">
        分类
      </div>
      <ul class="right">
        <!-- JS 渲染 -->
      </ul>
    </div>
    <div class="content filter">
      <div class="left">
        筛选
      </div>
      <ul class="right">
        <li data-type="" class="filter_item active">全部</li>
        <li data-type="sale" class="filter_item">折扣</li>
        <li data-type="hot" class="filter_item">热销</li>
      </ul>
    </div>
    <div class="content sale">
      <div class="left">
        折扣
      </div>
      <ul class="right">
        <li data-type="10" class="sale_item active">全部</li>
        <li data-type="5" class="sale_item">5</li>
        <li data-type="6" class="sale_item">6</li>
        <li data-type="7" class="sale_item">7</li>
        <li data-type="8" class="sale_item">8</li>
        <li data-type="9" class="sale_item">9</li>
      </ul>
    </div>
    <div class="content search">
      <div class="left">
        搜索
      </div>
      <div class="right">
        <input type="text">
      </div>
    </div>
    <div class="content sort">
      <div class="left">
        排序
      </div>
      <ul class="right">
        <li data-type="id" data-method="ASC" class="sort_item active">综合升序</li>
        <li data-type="id" data-method="DESC" class="sort_item">综合降序</li>
        <li data-type="price" data-method="ASC" class="sort_item">价格升序</li>
        <li data-type="price" data-method="DESC" class="sort_item">价格降序</li>
        <li data-type="sale" data-method="ASC" class="sort_item">折扣升序</li>
        <li data-type="sale" data-method="DESC" class="sort_item">折扣降序</li>
      </ul>
    </div>
    <div class="content pagenation">
      <div class="left">
        分页
      </div>
      <div class="right">
        <span class="left disable">&lt;</span>
        <span class="total">1 / 100</span>
        <span class="right">&gt;</span>
        <select>
          <option value="12">12</option>
          <option value="16">16</option>
          <option value="20">20</option>
          <option value="24">24</option>
        </select>
        <input type="text" value="1">
        <button class="go">跳转</button>
      </div>
    </div>
  </div>

  <!-- 商品列表主体内容 -->
  <ul class="list container">
    <!-- JS 渲染 -->
  </ul>

  <!-- <div class="footer">网页底部</div> -->

  <script src="../js/utils.js"></script>
  <script src="../js/list2.js"></script>
  <script src="../js/de.js"></script>
</body>
</html>
